<style lang="scss" scoped>
.el-carousel__item img {
   width: 100%;
}
  
.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
 }
  
.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}
</style>

<template>
  <div class="hm">
      <el-carousel height="460px">
        <el-carousel-item v-for="item in 4" :key="item">
          <img src="/static/img/banner12.jpg" alt="">
        </el-carousel-item>
      </el-carousel>
  </div>
</template>

<script>
export default {
  name: "hello",
  data() {
    return {
      mainShow: true
    };
  },
  computed: {},
  mounted() {
     this.$store.commit("cactiveIndex", "首页");
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
